<template>
    <!-- 底部 -->
    <div class="footer">
        <div id="ff">
            <span class="f1  active" >首页</span>
            <span class="f3" @click="dingdan">订单</span>
        </div>
        
    </div>
</template>

<script>
export default{
    name:"waimai_order_footer",
    methods:{
        dingdan:function(){
            this.$router.replace('/waimai_order')
        },
        
    },
    
}</script>
<style lang="less" scoped>
    /* 底部 */
.footer{
    //position: fixed;
    width: 100%;
    height: 62px;
    display: flex;    
    background-color: rgb(208, 238, 221);
    justify-content: space-between;
    align-items:center;
    font-size: 24px;
}
#fff{
    display: flex;       
    justify-content: space-between;
    align-items:center;
    font-size: 24px;
}
.active{
    font-weight: 900;
}
span{
    margin-left: 70px;
    margin-right: 75px;
}
</style>